<script>
  import $ from '../dfish.js'

  export default {
    props: ['align', 'valign', 'gap'],
    data() {
      return {
        dir: 'h'
      }
    },
    computed: {
      html_align_class() {
        return [
          this.x.align && 'z-' + (this.x.vertical ? 'v' : this.dir) + '-align-' + this.x.align,
          this.x.valign && 'z-' + (this.x.vertical ? 'v' : this.dir) + '-valign-' + this.x.valign
        ]
      }
    }
  }
</script>
